<!DOCTYPE html>
<html html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <style>
        table{
            margin-left: 300px;
        }
        tr{
            height: 20px;
        }
        td{
            height: 8px;
            font-size: larger;
        }
        p{
            width: 130px;

        }
        .nav{
            height: 60px;
        }
        #viewDiv
        {
            border:2px solid rgba(17, 16, 156, 0.94);
        }
        .cen{
            background-color: #3299ff ;/*此处更换为所需的颜色代码*/
            background-image:url("image/01.jpg");
            height:500px;
            top: 0px;
        }
    </style>
</head>
<body style="height: 100%;">
<div class="nav" style="background-color: #219aff;height: 60px;">
    <h1 align="center"  >湖北省公路网综合评价系统</h1>
</div>
<div class="cen" >
<div id="viewDiv" style="height: 400px;width: 400px;margin-left: 500px;margin-top: 20px;">
 <h3  style="margin-left: 5px;margin-top: 20px;" >确定评价对象</h3>
    <h5 style="margin-left: 5px;" >评价对象选择</h5>
    <span>评价区域：<select name="typename"  style="color:black" id="typename"  >
            <!--<option selected="selected" value="0">公司简介</option>-->
            <!--<option value="1">公司荣誉</option>-->
            <!--<option value="2">公司广告</option>-- onchange="change()" -->
        </select></span>

    <span> 评价对象：<select name="typename2"  style="color:black" id="typename2"  >
                <option selected="selected" value="">高速公路网</option>
                <option  value="">国道</option>
                <option  >省道</option>
                <option  >县道</option>
                <option  >乡道</option>
                <option  >村道</option>
            </select>
    </span>
   <p style="margin-left: 40px;"><button onclick="sd()">下一步</button></p>
</div>
</div>
<script>
    $(function () {
        $.ajax({
            url:"http://localhost:8080/manager/technology/list",
            type:'GET',
            success:function(message){
                if(message.status==0){
                    var str='<option selected  disabled  style="display: none; " >'+'请选择评价区域'+'</option>';
                    var result=message.data;
                    var mediahtml='';
                    $.each(result,function(i,order){
                        var htmlstring='<option style="color:black" id="'+order.id+'" >'+order.name+'</option>';

                        mediahtml+=htmlstring;
                    });
                    $("#typename").html(str+mediahtml);
                }
            }
        })
    });
    var typeid=0;
    $(function(){
        $('#typename').bind('change',function(){
            id = $('#typename option:selected').attr('id');
    typeid=id;
    })
    });
    function sd() {
            window.location.href = "/shiyan"+"?"+typeid;
    }

</script>
</body>
</html>